<template>
  <a-card class="j-inner-table-wrapper" :bordered="false">

    <!-- 查询区域 begin -->
    <div class="table-page-search-wrapper">
      <a-form layout="inline"  @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-item label="缴费账户">
              <a-input v-model="queryParam.accCode" style="width:160px;" placeholder="缴费账户"/>
            </a-form-item>
          </a-col>          
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-model-item label="票据类型："  prop="readAmount">
              <j-dict-select-tag type="list" v-model="queryParam.billTypeId" style="width:160px;"  class="underListWay" dictCode="bill_type_id"  ></j-dict-select-tag>
            </a-form-model-item>
          </a-col>
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-model-item label="原版本号"  prop="readAmount">
               <a-input v-model="queryParam.oldVersion" style="width:160px;" placeholder="原版本号"/>
            </a-form-model-item>
          </a-col> 
              
          <a-col :xl="4" :lg="6" :md="8" :sm="24">
            <span class="table-page-search-submitButtons table-operator">
              <a-button type="primary" icon="search" @click="searchQuery">查询</a-button>                   
            </span>
          </a-col>
        </a-row>
        <a-row>
         
          <a-col :xl="6" :lg="8" :md="8" :sm="24">
            <a-form-model-item label="原票据号"  prop="readAmount">
               <a-input v-model="queryParam.oldVoucher" style="width:160px;" placeholder="原票据号"/>
            </a-form-model-item>
          </a-col> 
          <a-col :xl="12" :lg="12" :md="12" :sm="24">
            <a-form-item label="开票日期">
             <j-date class="query-group-cust" v-model="queryParam.createTimeBegin" style="width:130px;"
              date-format="YYYY-MM-DD"/>
            <span class="query-group-split-cust"></span>
            <j-date class="query-group-cust" v-model="queryParam.createTimeEnd" style="width:130px;"
               date-format="YYYY-MM-DD"/>          
            </a-form-item>
          </a-col>    
          <a-col :xl="4" :lg="6" :md="8" :sm="24">
            <span class="table-page-search-submitButtons table-operator">
              <a-button type="primary" icon="snippets"  @click="handleBillRepeat">打印票据</a-button>                   
            </span>
          </a-col>
        </a-row>
      </a-form>
    </div>


    <!-- 查询区域 end -->

   

    <!-- table区域 begin -->
     

    <div>      
      <a-tabs defaultActiveKey="1" style="margin:0px;">
        <a-tab-pane tab="已打原票据" key="1" >
          <ChgPrintVoidList ref="billRepeatListChild"   />
        </a-tab-pane>
      </a-tabs>      
    </div>
    <!-- table区域 end -->

  </a-card>
</template>

<script>

  import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
  import JDate from '@/components/jeecg/JDate.vue'
  // import ChgPrintRepeatList from './ChgPrintRepeatList'
  import ChgPrintVoidList from '../printVoid/ChgPrintVoidList'
  import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
  import '@/assets/less/TableExpand.less'

  export default {
    name: 'ChgPrintRepeatForm', 
    components: {     
      JDate,
      JDictSelectTag,
      ChgPrintVoidList
    },
    data() {
      return {
        description: '弹框已打票据记录-表单',
        
        superFieldList:[],
        queryParam:{
          accCode: '',
          createTimeBegin: '',
          createTimeEnd: '',
          billTypeId: '01',
          feePrintWay: '01'
        }
      }
    },
    created() {
     
    },
    computed: {
      
    },
    methods: {
      add(){

      },
      searchQuery(){
        this.$refs.billRepeatListChild.setQueryParam(this.queryParam);
      },
      handleBillRepeat(){        
        this.$emit('handleRepeatBill');            
      },
      getBillParam(){
        let rowIds=this.$refs.billRepeatListChild.getSelectDataRowIds();
        this.queryParam.voucherId= rowIds;
        return this.queryParam;
      },
      handleExpand(expanded, record) {
        this.expandedRowKeys = []
        if (expanded === true) {
          this.expandedRowKeys.push(record.id)
        }
      }
   
    }
  }
</script>
<style lang="less" scoped>
  @import '~@assets/less/common.less';
</style>